/* 1. 为普通输入框设置样式 - 添加渐变边框和内部阴影 */
.register-form .ant-input {
  height: 54px;
  width: 340px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: 
    linear-gradient(#f9fafc, #f9fafc) padding-box,
    linear-gradient(135deg, #d9d9d9 0%, #e6e6e6 100%) border-box;
  padding: 12px 24px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: 
    inset 0 1px 2px rgba(255, 255, 255, 0.8),
    inset 0 -1px 1px rgba(0, 0, 0, 0.05);
}

/* 2. 为密码输入框的容器设置样式 - 添加发光效果 */
.register-form .ant-input-password {
  height: 54px;
  border-radius: 14px;
  font-size: 16px;
  border: 1px solid transparent;
  background: 
    linear-gradient(#f9fafc, #f9fafc) padding-box,
    linear-gradient(135deg, #d9d9d9 0%, #e6e6e6 100%) border-box;
  padding: 0 24px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  box-shadow: 
    inset 0 1px 2px rgba(255, 255, 255, 0.8),
    inset 0 -1px 1px rgba(0, 0, 0, 0.05);
}

/* 3. 移除密码框内部 input 的边框和背景 - 添加微妙的内部阴影 */
.register-form .ant-input-password .ant-input {
  border: none !important;
  padding: 0 !important;
  height: 100%;
  box-shadow: none !important;
  background-color: transparent !important;
  flex: 1;
  outline: none;
  box-shadow: 
    inset 0 1px 2px rgba(255, 255, 255, 0.5),
    inset 0 -1px 1px rgba(0, 0, 0, 0.03);
}

/* 4. 悬停状态 - 添加发光边框效果 */
.register-form .ant-input:hover,
.register-form .ant-input-password:hover {
  border-color: transparent;
  background: 
    linear-gradient(#f9fafc, #f9fafc) padding-box,
    linear-gradient(135deg, #667eea 0%, #764ba2 100%) border-box;
  box-shadow: 
    0 0 8px rgba(102, 126, 234, 0.3),
    inset 0 1px 2px rgba(255, 255, 255, 0.8);
}

/* 5. 焦点状态 - 增强发光效果和内部高光 */
.register-form .ant-input:focus,
.register-form .ant-input-password:focus-within {
  border-color: transparent;
  background: 
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, #667eea 0%, #764ba2 100%) border-box;
  box-shadow: 
    0 0 15px rgba(102, 126, 234, 0.4),
    inset 0 0 3px rgba(102, 126, 234, 0.2);
  outline: 0;
}

/* 确保placeholder文字完全显示 - 添加过渡效果 */
.register-form .ant-input::placeholder,
.register-form .ant-input-password .ant-input::placeholder {
  color: #bfbfbf;
  font-size: 14px;
  line-height: 1.5;
  overflow: visible;
  transition: all 0.3s ease;
}

.register-form .ant-input:focus::placeholder,
.register-form .ant-input-password:focus-within .ant-input::placeholder {
  color: #d0d0d0;
  transform: translateX(4px);
}

/* 表单项样式 - 添加动画效果 */
.register-form .ant-form-item {
  margin-bottom: 28px;
  transition: transform 0.3s ease;
}

.register-form .ant-form-item:hover {
  transform: translateY(-2px);
}

.register-form .ant-form-item-explain-error {
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255,75,43,0.1) 0%, rgba(255,65,108,0.1) 100%);
  margin-top: 6px;
  box-shadow: 0 2px 6px rgba(255, 75, 43, 0.1);
  animation: errorPulse 1.5s infinite alternate;
}

@keyframes errorPulse {
  0% { opacity: 0.9; }
  100% { opacity: 1; }
}

/* 输入框图标 - 添加颜色过渡和悬停效果 */
.register-form .ant-input-prefix,
.register-form .ant-input-password .ant-input-prefix,
.register-form .ant-input-suffix,
.register-form .ant-input-password .ant-input-suffix {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.register-form .ant-input-prefix svg,
.register-form .ant-input-suffix svg {
  fill: #bfbfbf;
  transition: all 0.3s ease;
}

.register-form .ant-input:hover .ant-input-prefix svg,
.register-form .ant-input-password:hover .ant-input-prefix svg,
.register-form .ant-input:focus .ant-input-prefix svg,
.register-form .ant-input-password:focus-within .ant-input-prefix svg {
  fill: #667eea;
}

.register-form .ant-input:hover .ant-input-suffix svg,
.register-form .ant-input-password:hover .ant-input-suffix svg,
.register-form .ant-input:focus .ant-input-suffix svg,
.register-form .ant-input-password:focus-within .ant-input-suffix svg {
  fill: #667eea;
}

/* 密码可见性切换按钮 - 添加动画效果 */
.register-form .ant-input-password .ant-input-suffix .anticon {
  cursor: pointer;
  transition: transform 0.3s ease;
}

.register-form .ant-input-password .ant-input-suffix .anticon:hover {
  transform: scale(1.2);
  filter: drop-shadow(0 0 2px rgba(102, 126, 234, 0.5));
}

/* 注册表单专属样式 - 复选框美化 */
.register-form .ant-checkbox-inner {
  border-radius: 4px;
  transition: all 0.3s ease;
}

.register-form .ant-checkbox-checked .ant-checkbox-inner {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: transparent;
}

.register-form .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.register-form .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #667eea;
  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
}

/* 注册按钮悬停效果增强 */
.register-form .register-btn {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.register-form .register-btn:hover {
  transform: translateY(-6px) scale(1.05);
  box-shadow: 
    0 8px 24px rgba(102, 126, 234, 0.3),
    0 1.5px 6px rgba(0, 0, 0, 0.1) !important;
}